import { useState } from "react";
//所有use开头的函数叫Hooks，只能在函数组件的最外层调用
//特殊情况可以在封装时候使用（自定义Hooks时候）
function App() {
  //直接创建的数据不具有响应式，不能被修改
  // let count=100
  const [count, setCount] = useState(100);
  return (
    <div className="App">
      <h1>APP</h1>
      <h1>{count}</h1>
      <button
        onClick={() => {
          setCount(count + 1);

          // setCount((prev)=>{
          // return 出去的内容是修改后的内容
          //   return prev+1
          // });
        }}
      >
        点击+1
      </button>
    </div>
  );
}

export default App;
